import useStore from '@/context/useStore';
import { observer } from 'mobx-react-lite';
import React, { useEffect, useState } from 'react';
import { List, Typography, Divider } from 'antd';


interface IProps {
    defenceId:string | string[]
}

// const data = [
//     '',
//     '',
//     '',
//     '',
//     '',
// ];


const ClassPlanInit: React.FC<IProps> = props => {
    const { tags } = useStore()

    useEffect(()=>{
        tags.getTagsDetail(props.defenceId as string)
    },[])
    return <div>
        <Divider orientation="left">组1</Divider>
        <List
            size="large"
            header={<div>成员5名</div>}
            bordered
            dataSource={tags.classPlanInit}
            renderItem={item => (
                <List.Item>
                    <Typography.Text mark></Typography.Text> {item}
                </List.Item>
            )}
        />
        {/* <Divider orientation="left">组2</Divider>
        <List
            size="large"
            header={<div>成员5名</div>}
            bordered
            dataSource={data}
            renderItem={item => <List.Item>{item}</List.Item>}
        />
        <Divider orientation="left">组3</Divider>
        <List
            size="large"
            header={<div>成员5名</div>}
            bordered
            dataSource={data}
            renderItem={item => <List.Item>{item}</List.Item>}
        /> */}
    </div>
}
export default observer(ClassPlanInit)